﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="NewTierra.Pages.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link rel="shortcut icon" href="../../images/Icones/favicon.ico" type="image/x-icon" />

    <style type="text/css">
        body
        {
            font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
            margin: 0;
            background-color: #ffffff;
            /*background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeef2), to(#d9dee2));
            background-image: -webkit-linear-gradient(top, #ebeef2, #d9dee2);
            background-image: -moz-linear-gradient(top, #ebeef2, #d9dee2);
            background-image: -ms-linear-gradient(top, #ebeef2, #d9dee2);
            background-image: -o-linear-gradient(top, #ebeef2, #d9dee2);
            background-image: linear-gradient(top, #ebeef2, #d9dee2);*/
        }

        /*--------------------*/

        #login
        {
            background-color: #fff;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
            background-image: -webkit-linear-gradient(top, #fff, #eee);
            background-image: -moz-linear-gradient(top, #fff, #eee);
            background-image: -ms-linear-gradient(top, #fff, #eee);
            background-image: -o-linear-gradient(top, #fff, #eee);
            background-image: linear-gradient(top, #fff, #eee);
            height: 240px;
            width: 400px;
            margin: -150px 0 0 -230px;
            padding: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 0;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, .1), 3px 3px 0 rgba(255, 255, 255, 1), 4px 4px 0 rgba(0, 0, 0, .1), 6px 6px 0 rgba(255, 255, 255, 1), 7px 7px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, .2);
        }

            #login:before
            {
                content: '';
                position: absolute;
                z-index: -1;
                border: 1px dashed #ccc;
                top: 5px;
                bottom: 5px;
                left: 5px;
                right: 5px;
                -moz-box-shadow: 0 0 0 1px #fff;
                -webkit-box-shadow: 0 0 0 1px #fff;
                box-shadow: 0 0 0 1px #fff;
            }

        /*--------------------*/

        .btnLogin
        {
            -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
            -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
            box-shadow: inset 0px 1px 0px 0px #ffffff;
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
            background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
            background-color: #f9f9f9;
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
            border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-left-radius: 3px;
            text-indent: 0px;
            border: 1px solid #dcdcdc;
            display: inline-block;
            color: #666666;
            font-family: Arial;
            font-size: 13px;
            font-weight: bold;
            font-style: normal;
            height: 24px;
            line-height: 20px;
            width: 88px;
            text-decoration: none;
            text-align: center;
            text-shadow: 1px 1px 0px #ffffff;
        }

            .btnLogin:hover
            {
                background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
                background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
                background-color: #e9e9e9;
            }

            .btnLogin:active
            {
                position: relative;
                top: 1px;
            }

        /*--------------------*/


        .BtnsMsg_msg
        {
            width: 262px;
            float: left;
            height: 16px;
        }

        .BoxLogin
        {
            border: 1px solid #d9dee2;
            border-radius: 5px;
            box-shadow: 0px 0px 10px #d9dee2;
            height: 161px;
            width: 347px;
            margin: -150px 0 0 -230px;
            padding: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 0;
        }

            .BoxLogin .BoxLogin_campos
            {
                width: 341px;
                float: left;
                text-align: center;
                height: 129px;
            }

        .BoxLogin_btns
        {
            height: 45px;
            width: 297px;
            text-align: right;
        }

        .Logo
        {
            height: 45px;
            width: 300px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 109px;
        }
    </style>

</head>
<body>

    <form id="formulario" runat="server">

        <div class="Logo">
            <img src="../images/logoProSoftDemo.png" />
        </div>

        <asp:Login
            ID="formLogin"
            runat="server"
            TitleText=""
            FailureText="Acesso Negado. Tente Novamente."
            DisplayRememberMe="false"
            OnAuthenticate="AutenticarUsuario"
            DestinationPageUrl="~/Pages/Index.aspx">

            <LayoutTemplate>

                <div class="BoxLogin">

                    <div class="BoxLogin_campos">
                        <asp:Label ID="lblEmail" runat="server" Text="Email" Style="text-align: center;" Font-Size="Small" ForeColor="Gray" /><br />
                        <asp:TextBox ID="UserName" runat="server" required BorderStyle="None" Style="border: 1px solid #ccc; width: 250px; height: 30px; background-color: #f5f5f5; padding-left: 10px;" Font-Bold="True"></asp:TextBox>

                        <br />
                        <br />
                        <asp:Label ID="lblSenha" runat="server" Text="Senha" Style="text-align: center;" Font-Size="Small" ForeColor="Gray" /><br />
                        <asp:TextBox ID="Password" runat="server" TextMode="Password" required Width="250px" Style="border: 1px solid #ccc; width: 250px; height: 30px; background-color: #f5f5f5; padding-left: 10px;"></asp:TextBox>
                    </div>

                    <div class="BoxLogin_btns">

                        <asp:Button ID="Login" CommandName="Login" CssClass="btnLogin" runat="server" Text="Login"></asp:Button>

                    </div>

                    <div class="BtnsMsg_msg">
                        <asp:Literal ID="FailureText" runat="server"></asp:Literal>
                    </div>

                </div>

            </LayoutTemplate>

        </asp:Login>


    </form>

</body>
</html>
